<template>
    <div style="">
        <my-simple-table>

            <my-simple-tr label="基础功能">
                <el-input-number v-model="num" :min="1" :max="10" label="" @change="handleChange"></el-input-number>
            </my-simple-tr>

            <my-simple-tr label="步数">
                <el-input-number v-model="stepNum" :step="2" :min="1" :max="1000" label="" @change="handleChange"></el-input-number>
            </my-simple-tr>

            <my-simple-tr label="严格步数">
                <el-input-number step-strictly v-model="stepNum" :step="2" :min="1" :max="1000" label="" @change="handleChange"></el-input-number>
            </my-simple-tr>

            <my-simple-tr label="精度">
                <el-input-number precision="2"  v-model="stepNum" :step="0.1" :min="1" :max="1000" label="" @change="handleChange"></el-input-number>
            </my-simple-tr>

            <my-simple-tr label="大小">
                <el-input-number size="medium" v-model="stepNum" :step="3" :min="1" :max="1000" label="" @change="handleChange"></el-input-number>
            </my-simple-tr>

            <my-simple-tr label="按钮位置">
                <el-input-number controls-position="right"  size="medium" v-model="stepNum" :step="3" :min="1" :max="1000" label="" @change="handleChange"></el-input-number>
            </my-simple-tr>


        </my-simple-table>
    </div>
</template>

<style>

</style>

<script>

    export default {
        name: "my-el-input-number",
        data () {
            return {
                num: 1,
                stepNum: 1
            };
        },
        methods: {
            handleChange(value) {
                console.log(value);
            }
        }
    }
</script>

